<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!DOCTYPE html>
		<html lang="zh-CN">
		<head>
		    <meta charset="UTF-8">
		    <title>熙康体检系统登录</title>
		    <style>
		        body {
		            font-family: Arial, sans-serif;
		            display: flex;
		            justify-content: center;
		            align-items: center;
		            height: 100vh;
		            margin: 0;
		            background-color: #f4f4f4;
		        }
		        .login-container {
		            background: white;
		            padding: 20px;
		            border-radius: 5px;
		            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		            width: 300px;
		        }
		        .login-container h2 {
		            margin-bottom: 20px;
		        }
		        .form-group {
		            margin-bottom: 15px;
		        }
		        .form-group label {
		            display: block;
		            margin-bottom: 5px;
		        }
		        .form-group input[type="text"],
		        .form-group input[type="password"] {
		            width: 100%;
		            padding: 8px;
		            border: 1px solid #ccc;
		            border-radius: 3px;
		        }
		        .captcha img {
		            cursor: pointer;
		        }
		        .captcha a {
		            color: blue;
		            text-decoration: none;
		            margin-left: 10px;
		        }
		        .checkbox {
		            margin-top: 10px;
		        }
		        .checkbox label {
		            user-select: none;
		        }
		        .btn-login {
		            display: block;
		            width: 100%;
		            padding: 10px;
		            background-color: #3498db;
		            color: white;
		            border: none;
		            border-radius: 3px;
		            cursor: pointer;
		        }
		        .forgot-password {
		            margin-top: 15px;
		            text-align: left;
		        }
		        .forgot-password a {
		            color: blue;
		            text-decoration: none;
		        }
		    </style>
		</head>
		<body>
		    <div class="login-container">
		        <h2>熙康体检系统 登录</h2>
		        <form>
		            <div class="form-group">
		                <label for="username">用户名</label>
		                <input type="text" id="username" placeholder="用户名">
		            </div>
		            <div class="form-group">
		                <label for="password">密码</label>
		                <input type="password" id="password" placeholder="密码">
		            </div>
		            <div class="form-group captcha">
		                <label for="captcha">验证码</label>
		                <img src="img/authCode.jpg">
		                <a href="#">看不清楚，换一张</a>
		                <input type="text" id="captcha" placeholder="验证码">
		            </div>
		            <div class="checkbox">
		                <input type="checkbox" id="rememberMe">
		                <label for="rememberMe">自动登录</label>
		            </div>
		            <button type="button" class="btn-login" onclick="window.location.href='index.html'">登录</button>
		        </form>
		        <div class="forgot-password">
		            <a href="#">忘记密码</a>
		        </div>
		    </div>
		</body>
		</html>
	</body>
</html>